<div class="modal fade in ip-box " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" aria-hidden="true"
    id="roleby">
    <div class="modal-dialog modal-lg modal-lg-roleby modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel" >角色关联</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <div *ngIf="server.prevent" class="table-shadow">
                    <img height="70px" width="70px"  src='assets/login/Rolling-0.9s-130px.gif' />
                </div>
                <div class="clearfix"></div>
                <div class="table-margin roleby-frame">
                    <!-- <app-role-roleby-left [selectedItems] ="userselectedItems" [selectedItemsName]="userselectedItemsName"></app-role-roleby-left> -->
                    <app-role-roleby-left 
                        (outselectedItems)="outselectedItemsclick($event)" 
                        (outselectedItemsName) = "outselectedItemsNameclick($event)" 
                        (outdouble) = "outdoubleIdName($event)"> 
                    </app-role-roleby-left>
                    <div class="center" >
                        <div class="binding-unbound" >
                        <button type="button" class="no-border"  [disabled]="userselectedItems.length == 0" (click)="bindUser()">
                            <img width="20px" height="20px"  src="assets/indexing/righttt.png" />
                            
                        </button>   
                        <button type="button" class="no-border" [disabled]="removeTableService.getRemoveTableId?.length == 0" (click)="unbound()">  
                            <img width="20px" height="20px"  src="assets/indexing/leftttt.png" />
                        </button>
                        </div>
                    </div>
                    <app-role-roleby-right (outdouble)="outdoubleId($event)"></app-role-roleby-right>
                </div>
                <div class="btns-group text-center">
                        <button type="button" class="btn  btn-default" mat-raised-button  data-dismiss="modal" aria-hidden="true">关闭</button>
                    </div>
            </div>
            <div class="line-public"></div>
        </div>
    </div>
</div>
<!-- contain END -->